<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
		<title>预约支付</title>
		<link rel="stylesheet" type="text/css" href="../../css/store/storePay.css" />
		<link rel="stylesheet" type="text/css" href="../../css/tool/comm.css" />
		<link rel="stylesheet" type="text/css" href="../../plugins/layer/need/layer.css" />
		
		<script src="../../../../js/jquery.js" type="text/javascript"></script>
		<script src="../../plugins/zepto.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../js/tool/common.js"></script>
  		<script type="text/javascript" src="../../js/payView/kuaidiPay.js"></script>
  		<script type="text/javascript" src="../../plugins/layer/layer.js"></script>
  		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="../../js/tool/wxcommon.js"></script>	
	</head>
	<body style="background:#eeeeee">
		<div class="div_count">
			<span class="span_count_flag">请输入费用:</span>
			<input style="font-size: 20px;width: 100px;text-align: center;border: solid 1px #4ba2ea;float: left;margin-top: 5px;" id="integralInput" type="number"/>
		</div>
		
		<div class="">
			<p style="margin:10px 11px 10px">是否使用积分支付</p>
			<input type="checkbox" name="" id="jifen" value="" style="margin-left: 11px;"/>
			<label for="">使用积分</label>
			<div class="jifen-num" style="display: none;margin-top:10px;">
				<div class="div_count">
					<div class="span_count_flag">积分数:</div>
					<div id="old_points" class="span_count_flag" /></div>
				</div>
				
				<div class="div_count">
					<div class="span_count_flag">抵用积分数:</div>
					<input id="l_newPoint" type="number" class="integralInput" style="margin-top:8px;width: 100px;text-align: center;font-size:14px;border: solid 1px #4ba2ea;float: left;" placeholder="请输入数字"  />
				</div>
				<p style="margin-left:10px;">每支付1元赢取1个积分；每20积分可抵扣1元费用</p>
			</div>
		</div>

		<div class="comm-bottom-btn" style="margin-top: 50px;" onclick="sure_pay()">
			<span class="comm-bottom-span">支付</span>
		</div>
		<script type="text/javascript">
			$(function(){
				$('#old_points').html(dataGet("userPoints"));
				
				$("#jifen").change(function(){
					if ($('#jifen').is(':checked')) {
						$(".jifen-num").show();
					}else{
						$(".jifen-num").hide();
					}
				})
			})
			
		</script>
	</body>
</html>